<template>
  <div>
    <a-row :gutter="[12, 12]">
      <a-col :xs="24" :sm="24" :md="24" :lg="24" :xl="7" :xxl="7">
        <RoleList />
      </a-col>
      <a-col :xs="24" :sm="24" :md="24"  :lg="24" :xl="17" :xxl="17">
        <MenuList />
      </a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import RoleList from "./components/RoleList";
import MenuList from "./components/MenuList";
</script>

<style lang="less" scoped></style>
